<template>
  <div id="footer">
    <div class="footer-top">
      <dl>
        <dt>购物指南</dt>
        <dd>购物流程</dd>
        <dd>会员介绍</dd>
        <dd>生活旅行/团购</dd>
        <dd>常见问题</dd>
        <dd>购物指南</dd>
      </dl>
      <dl>
        <dt>配送方式</dt>
        <dd>上门自提</dd>
        <dd>211限时达</dd>
        <dd>配送服务查询</dd>
        <dd>配送费收取标准</dd>
        <dd>海外配送</dd>
      </dl>
      <dl>
        <dt>支付方式</dt>
        <dd>货到付款</dd>
        <dd>在线支付</dd>
        <dd>分期付款</dd>
        <dd>邮局汇款</dd>
        <dd>公司转账</dd>
      </dl>
      <dl>
        <dt>售后服务</dt>
        <dd>售后政策</dd>
        <dd>价格保护</dd>
        <dd>退款说明</dd>
        <dd>返修/退换货</dd>
        <dd>取消订单</dd>
      </dl>
      <dl>
        <dt>特色服务</dt>
        <dd>夺宝岛</dd>
        <dd>DIY装机</dd>
        <dd>延保服务</dd>
        <dd>尚品汇E卡</dd>
        <dd>尚品汇通信</dd>
      </dl>
      <div>
        <h4 style="margin: 0; font-size: 14px">帮助中心</h4>
        <img src="./wx_cz.28d584e6.jpg" alt="二维码" />
      </div>
    </div>
    <div class="footer-bottom">
      <ul>
        <li>关于我们&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>联系我们&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>关于我们&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>商家入驻&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>营销中心&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>友情链接&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>关于我们&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>营销中心&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li>友情链接&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</li>
        <li class="lastLi">关于我们</li>
      </ul>
      <h5>地址：北京市昌平区宏福科技园综合楼6层</h5>
      <h5>京ICP备19006430号</h5>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style>
#footer {
  width: 100%;
  background-color: rgba(234, 234, 234, 0.6);
  clear: both;
}
.footer-top {
  width: 1140px;
  padding: 20px 20px 20px 25px;
  display: flex;
  margin: auto;
  border-bottom: 1px solid #e4e1e1;
}
.footer-top dl {
  margin: 0;
  padding: 0;
  width: 190px;
}
.footer-top dl dt {
  font-size: 14px;
  font-weight: bold;
}
.footer-top dl dd {
  margin: 0;
  padding: 0;
}
.footer-bottom {
  width: 1160px;
  padding: 0 20px;
  text-align: center;
  margin: auto;
}
.footer-bottom ul {
  display: flex;
  justify-content: center;
}
.footer-bottom li {
  list-style: none;
}
.footer-bottom h5 {
  font-weight: 500;
}
</style>